<template>
	<view class="library-wrap">
		<!-- nav Bar -->
		<view class="nav-bar-wrap">
			<my-mainPage-navbar title="The PlayList" icon="iconbianji"></my-mainPage-navbar>
		</view>
		
		
		<!-- content -->
		<view class="content-wrap">
			<view class="library-list">
				<my-list :list="librarydata"></my-list>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				librarydata:[
					{
						id: 1,
						img:'../../static/images/cover_2.jpg',
						mainText:'Adam Lambert',
						subText:'Bom on january 29 And',
					},
					{
						id: 2,
						img:'../../static/images/cover_1.jpg',
						mainText:'John Legend',
						subText:'American singer Joh And',
					},
					{
						id: 3,
						img:'../../static/images/cover_3.jpg',
						mainText:'Personal',
						subText:'The captain poet, als',
					}
				]
			}
		},
		methods: {
			
		}
	}
	
</script>

<style lang="scss" scoped>
	.library-wrap{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		.content-wrap{
			flex: 1;
			.library-list{
				width: 100%;
				height: 100%;
				padding-top: 50rpx;
				overflow-y: auto;
			}
			
		}
	}

</style>
